<style type="text/css">
    .content{
        font-size: 18px;
    }
    .btn1,.btn3{
        float: right;
        margin-right: 100px;
        width: 100px;
    }
    .btn3{
        margin-top: 4px;
    }
    .btn1 select{
        width: 120px;
        height: 40px;
        border-radius: 3px;
        border-style: none;
        border: 1px solid #ccc;
        margin-left: 40px;
        font-size: 16px;
    }
    .table1{
        margin-left: 40px;
        margin-top: 70px;
        width: 88%;
        text-align: center;
    }
    .foot-text{
        margin-left: 40px;
    }
    .foot-text1{
        position: relative;
        top: 10px;
        left: 30px;

    }
    .page1{
        margin-left: 250px;
        position: relative;
        top: 45px;
    }
    .modal-body input {
        width: 500px;
    }
    .modal-body select{
        width: 500px;
        height: 38px;
        border-style: none;
        border: 1px solid #ccc;
    }
</style>


<ul class="nav nav-tabs">
    <li class="active"><a href="#year1" data-toggle="tab">第一年度</a></li>
    <li><a href="#year2" data-toggle="tab">第二年度</a></li>
    <li><a href="#year3" data-toggle="tab">第三年度</a></li>
</ul>

<div class="tab-content">
    <input id="year_id_hidden" type="hidden" value="1" />
    <div id="year1" class="tab-pane fade in active content" >
        <div class="role_content" style="padding-top:30px; ">
            <table class="table_list" id="table_my_toast1"></table>
            <!-- 分页框 -->
            <!--<div class="page_control" id="paging_my_toast1"><ul></ul></div>-->
        </div>
        </div>

    <div id="year2" class="tab-pane fade content">
        <div class="role_content" style="padding-top:30px; ">
            <table class="table_list" id="table_my_toast2"></table>
            <!-- 分页框 -->
            <!--<div class="page_control" id="paging_my_toast2"><ul></ul></div>-->
        </div>
        </div>

    <div id="year3" class="tab-pane fade content">
        <div class="role_content" style="padding-top:30px; ">
            <table class="table_list" id="table_my_toast3"></table>
            <!-- 分页框 -->
            <!--<div class="page_control" id="paging_my_toast3"><ul></ul></div>-->
        </div>
        </div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"
                            data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        研发决策录入
                    </h4>
                </div>
                <div class="modal-body">
                    组别
                    <br/>
                    <input type="text" style="height: 34px;" class="group_name">
                    <br/><br/>
                    研发投入<br/>
                    <input type="text" class="research_money" style="height: 34px;">
                    <br/>
                    <br/>
                    研发类型<br/>
                    <select id="selectType">
                        <option value="1">研发</option>
                        <option value="2">购买</option>
                    </select>
                    <br/>
                    <br/>
                    研发结果<br/>
                    <input type="text" class="research_reslut" style="height: 34px;">
                    <br/>
                    <span style="color: red;">注:购买,填0;研发失败,填-1;研发成功,直接填名次,如1,2,3</span>


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                            data-dismiss="modal">关闭
                    </button>
                    <button type="button" class="btn btn-primary" id="btnUpdate">
                        提交更改
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>



